<template>
  <el-select
    v-model="deliverStatus"
    placeholder="请选择快递状态"
    size="small"
    class="query-select"
    @change="changeValue"
  >
    <el-option
      v-for="item in deliverOptions"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
</template>

<script>

export default {
  name: "SelectDeliver",
  props: {
    value: {
      type: [String, Number],
      default: ''
    },
  },
  watch: {
    value(val) {
      this.deliverStatus = val;
    }
  },
  mounted() {
    this.deliverStatus = this.value;
  },
  created() {
    this.getData();
  },
  data() {
    return {
      deliverStatus: '',
      deliverOptions:[
        {label:'全部快递状态',value:''},
      ],
    }
  },
  methods: {
    // 获取数据
    getData(){

    },
    changeValue(){
      this.$emit('input',this.deliverStatus)
      this.$emit('change', this.deliverStatus);
    },
  }
}
</script>

<style scoped>
.country-img{
  display: inline;
  width: 20px;
  margin-top: 7px;
  margin-right: 10px;
}
</style>
